<template>
	<view class="options">
		<view class="option flex-box" :class="{checked:index == n}" v-for="(item,index) in optionsList" :key="item.id" >
			<view class="option-head">{{ item.id }}、</view>
			<view class="option-body">{{ item.content }}</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'myQus',
	props:{
		optionsList:{
			type:Array
		}
	}
};
</script>

<style lang="less" scoped>
.options {
	margin-top: 35rpx;
	display: block;
	.option {
		font-size: 30rpx;
		line-height: 1.5em;
		margin: 20rpx 0;
		padding: 10rpx 50rpx;
		justify-content: flex-start;
		&.checked {
			background-color: #55c5ff;
			color: #fff;
			border-radius: 10rpx;
		}
	}
}
</style>
